
@media screen and (min-width: 992px)  {
	
	.absl_stepper_tab em {
    display: none;
}
}


@media screen and (min-width: 1200px) and (max-width: 1500px) {
	
.options_col_Wrapper p {
    font-size: 14px;
}

.options_col_Wrapper img {object-fit: cover;}

.custom_radio_wrapper span {scale: 0.8;}

.absl_form_section {
    padding: 60px 5%;
}

canvas {
    width: 192px !important;
    height: 192px !important;

}
	
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	
.options_col_Wrapper p {
    font-size: 12px;
    top: 16px;
    left: 16px;
}

.options_col_Wrapper img {object-fit: cover;}

.custom_radio_wrapper span {scale: 0.7;}

.absl_form_section {
    padding: 60px 5%;
}

.options_grid {
    gap: 12px;
}

.custom_radio_wrapper span {
    left: 12px;
    bottom: 12px;
}

.calc_graphic_center.calc_range_seven>img, .calc_graphic_center.calc_range_eight>img, .calc_graphic_center.calc_range_nine>img {
    max-width: 83px;
    width: 83px;
}

.calc_graphic.calc_graphic_right {right: 30px;}

img.calc_range_seven {
}

.calc_graphic.calc_graphic_right img {
    max-width: 40px;
}

.calc_graphic_left .calc_range_four {
    max-width: 25px;
    right: -5px;
}
	
}


@media screen and (max-width: 991px) {

.investment_drop_top label p {
  margin-top: 6px;
}
	.options_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
    margin-top: 30px;
}

.options_col_Wrapper img {
    height: 81px;
    object-fit: cover;
}

.options_col_Wrapper p {
    font-size: 14px;
    left: 12px;
    top: 12px;
    width: 57%;
}

.options_col_Wrapper {
    border-radius: 12px;
}



.custom_radio_wrapper span {
    left: 10px;
    bottom: 10px;
    scale: 0.6;
}

.absl-sec-heading .sec_head {
    font-size: 32px;
}

.absl-sec-heading {
    gap: 7px;
}

.absl_form_section {
    padding: 30px 16px 60px;
}

    .restart_journey_wrapper {
        bottom: -40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        justify-content: center;
    }

.sub_head {
    font-size: 14px;
}

.stepper_solid_btn {16px: 0;16px: 0;padding: 12px 20px;margin: 30px auto 0;justify-content: center;height: 46px;}

.stepper_solid_btn p {
    font-size: 14px;
}

p.get_investment_plan {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.absl_stepper_grid {
    grid-template-columns: 100%;
    gap: 0;
    margin-top: 20px;
}

.absl_stepper_timeline {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 323px;
	margin: 0 auto;
}

.absl_stepper_tab.step_tab_active p, .absl_stepper_tab.step_tab_active span {
    display: block;
}

.absl_stepper_tab p, .absl_stepper_tab span {
    display: none;
}

.absl_stepper_tab.step_tab_active {
    width: 100%;
    padding: 10px 14px;
    width: 190px;
}

.absl_stepper_tab p {
    font-size: 14px;
}

.absl_stepper_tab span {
    font-size: 10px;
    line-height: 1.4;
}

.absl_stepper_tab {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    width: 35px;
    height: 51px;
}

.absl_stepper_tab em {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    opacity: 0.5;
}

.absl_stepper_tab.step_tab_active em {
    display: none;
}

.absl_stepper_tab.completed_stage em {
    color: #57A44C;
    opacity: 1;
}

.absl_stepper_tab.absl_step_three {
    margin-left: auto;
}

.absl_stepper_tab:after {
    left: auto;
    right: -4px;
    top: 25px;
}

.absl_stepper_tab.absl_step_one.step_tab_active:after{ top: 25px;}

.absl_stepper_tab:before {
    height: 2px;
    width: 10px;
    top: 28px;
    left: auto;
    right: -10px;
}

.absl_stepper_tab:first-child:before {
    height: 2px;
}

.absl_stepper_tab.step_tab_active:nth-child(2):before {
    height: 2px;
}

.absl_stepper_tab:last-child:before {
    height: 2px;
    top: 0;
    display: none;
}

.absl_stepper_tab:nth-child(2):before {
    top: 28px;
	height: 2px;
}

.absl_stepper_tab:last-child:after {
    display: none;
}



.absl_stepper_tab.completed_stage:nth-child(2):before {
    height: 2px;
}

.absl_stepper_tab.completed_stage:nth-child(2):after {
    top: 25px;
}

.absl_stepper_tab.completed_stage:first-child:before {
    top: 28px;
}

	.absl_stepper_tab.absl_step_one.step_tab_active.completed_stage:before{
    top: 28px;
}

.absl_stepper_timeline_wrapper::-webkit-scrollbar {
    width: 0px;
    height: 1px;
}

.absl_stepper_tab:nth-child(3):before {
    height: 2px;
    top: 28px;
}

.absl_stepper_tab.step_tab_active:nth-child(3):before {
    height: 2px;
    top: 28px;
}

.absl_stepper_tab.completed_stage:nth-child(3):before {
    height: 2px;
    top: 28px;
}

.absl_stepper_tab:before, .absl_stepper_tab:after, .absl_stepper_tab:first-child:before {
    z-index: 0;
}


.absl_stepper_tab.absl_step_one.step_tab_active.completed_stage p, .absl_stepper_tab.absl_step_one.step_tab_active.completed_stage span {
    display: none;
}

.absl_stepper_tab.absl_step_one.step_tab_active.completed_stage {
    width: initial;
    background: transparent;
}


.absl_stepper_common {
    padding: 32px 16px;
}

.stages_Wrapper h2 {
    font-size: 18px;
    margin-bottom: 24px;
    text-align: center;
}

.life-stage-tab-wrapper {
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}



.absl_stepper_main_Wrapper {
    height: auto;
}

.main_goal_list_wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 12px;
}

.investing_detail {
    padding: 16px;
}



.investing_detail.custom_radio_wrapper span {
    top: 16px;
    right: 16px;
}

.plan_to_invest_grid {
    grid-template-columns: repeat(1, 1fr);
}

.plan_to_invest_col {
    padding: 16px;
}

.slider-input-field {
    height: 32px;
    font-size: 14px;
}



.plan_input_wrapper em {
    font-size: 14px;
}

.plan_to_invest_col:first-child {
    gap: 80px;
    height: 300px;
}

.calc_graphic_center.calc_range_seven>img, .calc_graphic_center.calc_range_eight>img, .calc_graphic_center.calc_range_nine>img {
    max-width: 80px;
    width: 80px;
}

.calc_graphic_left .calc_range_six, .calc_graphic_left .calc_range_seven, .calc_graphic_left .calc_range_eight, .calc_graphic_left .calc_range_nine {
    max-width: 30px;
}

.calc_graphic_right img, .calc_graphic_right .calc_range_nine {
    max-width: 45px;
}

.calc_graphic.calc_graphic_right {
    right: 30px;
}

.calc_graphic_top .calc_range_nine {
    max-width: 30px;
}

.calc_graphic_top .calc_range_eight {
    max-width: 17px;
}

.invest_calc_graphic_Wrapper {
    width: 70%;
}

.multi_genrational_wrapper {
    padding: 16px;
    gap: 12px;
}

.multi_genrational_wrapper p {
    font-size: 14px;
}

.multi_genrational_wrapper em {
    font-size: 12px;
}

.step_one_stage_three .stepper_solid_btn {
    margin: 24px auto 0;
}

.for_term_or {
    margin: 20px 0;
}

.for_term_or span {
    font-size: 16px;
}

.investment_tips img {
    max-width: 18px;
}

.investment_tips span {
    width: 36px;
    height: 36px;
}

.investment_tips {
    bottom: 150px;
    height: 36px;
    width: 36px;
    position: fixed;
    left: 20px;
    z-index: 0;
}

.investment_tips_wrapper.investment_active {
    z-index: 0;
}

.investment_tips_wrapper {
}


.investment-dropdown-toggle {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}

.investment-dropdown-wrapper {
    width: 100%;
}

.investment-toggle-text {
    font-size: 12px;
}

.investment-dropdown-menu label p {
    font-size: 14px;
}

.investment-dropdown-menu label {
    display: grid;
    grid-template-columns: auto auto;
    align-items: self-start;
}

.custom_checkbox_wrapper input[type="checkbox"] {height: 15px;width: 15px;top: 1px;min-width: 15px}

.investment_drop_btn {
    padding: 10px 30px;
}

.investment_drop_last {
  
}

.investment-dropdown-menu {
    padding: 16px;
}

.manage_investment_grid {
    grid-template-columns: repeat(1, 1fr);
}

.manage_investment_main .radio_main_text {
    margin-bottom: 18px;
}

.investment_radio {
    padding: 10px;
}

.img_radio_wrap {
    padding: 0 10px;
}

.manage_investment_main img {

    min-height: auto;
    object-fit: contain;
}

.lumpsum_range .noUi-target {height: 12px;width: 100%;}

.lumpsum_range {
    margin: 0 auto;
    width: 90%;
}

.tooltip_wrapper {
    width: 100%;
}

.lumpsum_range .noUi-handle.noUi-handle-lower {
    scale: 0.77;
    top: -15px;
}

.lumpsum_range .noUi-marker-horizontal.noUi-marker-large {
    top: -8px;
    height: 5px;
    width: 5px;
}

.lumpsum_range .noUi-value.active-pip {
    scale: 1.1;
}

.pip_slider_Wrapper {
    grid-template-columns: 100%;
    gap: 80px;
}

.sip_lumpsum {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.sip_lumpsum p {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.sip_lumpsum em {
    padding: 0;
    margin: 0;
    border: none;
}

.stepper_solid_btn img {
    max-width: 10px;
}

.custom_checkbox_wrapper input[type="checkbox"]:checked::after {
    top: 1px;
    left: 5px;
}

.investment-tag p {
    width: 33px;
}

.investment-dropdown-toggle {padding: 0px 16px;min-height: 46px;height: 46px;}

.investment-tag-more {
    font-size: 12px;
    margin-left: 0;
}

.investment-chevron img {
    max-width: 10px;
}

span.investment-chevron {right: 0;}

.custom_hr {
    margin: 40px 0;
}

.stage_three_check_grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
}

.stage_three_check_grid label {
    padding: 16px 20px;
    font-size: 12px;
}

.investment_custom_dropdown {
    width: 100%;
}

.investment_custom_dropdown-option {
    padding: 10px;
    font-size: 12px;
}

.investment_custom_dropdown-menu {
    border-radius: 12px;
}

.investment_custom_dropdown-toggle {
    font-size: 12px;
}

.investment_custom_dropdown-selected-text {
    width: 90%;
}

.stage_three_check_grid.custom_checkbox_wrapper input[type="checkbox"]:checked::after {
    left: 4px;
}


.stage_three_check_grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
}

.stage_three_check_grid label {
    padding: 16px ;
    font-size: 12px;
}

.investment_custom_dropdown {
    width: 100%;
}

.investment_custom_dropdown-option {
    padding: 10px;
    font-size: 12px;
}

.investment_custom_dropdown-menu {
    border-radius: 12px;
}

.investment_custom_dropdown-toggle {
    font-size: 12px;
}

.investment_custom_dropdown-selected-text {
    width: 90%;
}

.stage_three_check_grid.custom_checkbox_wrapper input[type="checkbox"]:checked::after {
    left: 4px;
}

.perfect_plan {
    padding: 32px 16px;
    margin: 10px auto 0;
    width: 100%;
}

.nationality_tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
}

.nationality_tab .nav-link {
    flex-direction: column;
    padding: 0;
    padding: 14px 16px;
    width: 100%;
    align-items: flex-start;
    font-size: 12px;
}


.perfect_plan .stages_Wrapper h2 {
    margin-bottom: 24px;
}

    .nationality_form_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

.nationality_form_Wrapper .form-control, .iti__selected-dial-code {
    font-size: 14px;
}



.form_button_Wrapper .stepper_solid_btn {
    width: 40%;
}

.btn_wrapper {
    justify-content: center;
}

.perfect_plan .stages_Wrapper.form_otp_screen h2 {
    margin-bottom: 10px;
}

.form_otp_screen>p {
    font-size: 12px;
}

.otp_input_wrapper p {
    font-size: 14px;
}

.otp-field {
    width: 45px;
    font-size: 14px;
    height: 45px;
    border-radius: 10px;
}

.results_grid {
    grid-template-columns: auto;
    gap: 0px;
}

.result_analysis_wrapper {
    grid-template-columns: repeat(1, 1fr);
}

.solid_analysis_Wrapper {padding: 12px 14px;}

.result_screen_Wrapper {
    padding: 32px 16px;
	margin-top: 24px;
}

.result_screen_btn_Wrapper .btn.stepper_solid_btn {
    /* width: auto; */
}

.avatar_img_Wrapper li p {
    font-size: 10px;
}

.avatar_img_Wrapper ul li:nth-child(3) {
    right: -100%;
}

.avatar_img_Wrapper ul li {
    padding: 12px;
}

    .avatar_img_Wrapper ul li:nth-child(4) {
        left: -100px;
        bottom: -20px;
    }

.avatar_img_Wrapper ul li:nth-child(2) {

    top: -16px;
}

.avatar_brief {
    padding: 16px;
    gap: 6px;
}

.avatar_brief_main p {
    margin-top: 5px;
    font-size: 12px;
}

.avatar_brief_main span {
    font-size: 16px;
}

.avatar_brief img {
    max-width: 20px;
}

.what_we_learned_details 
 .results_heading_Wrapper {display: none;}



.analysis_result_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
}

.analysis_result {
    padding: 12px;
}


.btn_wrapper.result_screen_btn_Wrapper {
    flex-direction: column;
    width: 50%;
    margin: 30px auto 0;
}

canvas {
    width: 79% !important;
    height: 100% !important;
    margin: -30px auto 0;
}

.solid_analysis_Wrapper span {
    font-size: 14px;
    margin-top: 10px;
}

.solid_analysis_Wrapper img {
    max-width: 154px;
}


.solid_analysis_Wrapper:first-child img {
max-width: 82px;}

canvas {
    width: 100% !important;
    height: auto !important;
    margin: 0px;
    padding: 0px;
}

	#chartContainer{
		margin: 0 auto 20px;
	}

.results_main_head {
    font-size: 18px;
    margin: 0;
    text-align: center;
}

.results_grid.result_screen_one p.wrapper_sub_head {
    display: none;
}

.chart_data_Wrapper {
    bottom: 0px;
    top: 75%;
}

.final_results_grid {
    grid-template-columns: 100%;
    gap: 32px;
}

.persona_detail_Wrapper>ul {
    gap: 14px;
}

.persona_detail_Wrapper ul>li {
    justify-content: center;
}

.persona_detail_Wrapper ul>li p {
    text-align: center;
}

.persona_detail_Wrapper ul>li>img {
    top: 2px;
}

    .persona_detail_Wrapper span {
        font-size: 16px;
        padding-bottom: 8px;
        margin-bottom: 16px;
    }

.wrapper_sub_head {
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
}

.perfect_plan .stages_Wrapper .failed_scenario>p {
    width: 100%;
}

.final_results_grid .avatar_bg {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    top: -40px;
    max-width: 100%;
}

.result_product_wrapper {
    flex-direction: column;
}

.result_slider_overflow_Wrapper {
    justify-content: center;
}

.market_stat_wrapper {
    width: 100%;
    max-height: 1000px;
    height: 150px;
}

.product_market_status {
    flex-direction: column;
    border-radius: 0px 0px 12px 12px;
    width: 85%;
}

.collapse_Expand img {
    max-width: 10px;
}

.collapse_Expand a {
    justify-content: center;
}

.product_market_status.collapsed_stats .market_stat_wrapper {
    max-width: 100%;
    opacity: 1;
    height: 0;
    padding: 0 20px;
}

.avatar_img_Wrapper ul li:nth-child(3) {
    right: -100%;
}

.collapse_Expand img {
    transform: rotate(90deg);
}

.product_market_status.collapsed_stats .collapse_Expand img {transform: rotate(-90deg);}

.product_info_Wrapper {
    width: 100%;
    padding: 20px;
    height: auto;
    gap: 20px;
}

.end_result_slider_Wrapper {
    flex-direction: column;
    overflow: hidden;
}

.collapse_Expand a {
    padding: 10px;
}

.bottom_market_stat ul>li span {
    font-size: 10px;
}

.bottom_detail_Wrapper {
    flex-direction: column;
    margin-top: 32px;
}

.end_result_button {
    padding: 16px 42px;
    width: fit-content;
}

.bottom_left_data p {
    text-align: center;
}

.chart-container .badge {
top: 20%;
}

.my_cart_modal .modal-dialog-scrollable .modal-content {
    padding: 20px;
    border-radius: 30px 30px 0 0;
}

.my_cart_modal .modal-title {
    font-size: 16px;
}

.my_cart_modal .modal-header .btn-close {
    scale: 0.824;
}

.add_to_cart_content {
    padding: 15px;
}

.custom_checkbox_wrapper .add_to_cart_item input {
    top: 11px;
    right: 11px;
}

.add_to_cart_top_content {
    padding-right: 10px;
}

.my_cart_modal .modal-header {

}

.my_cart_modal .btn_wrapper {flex-direction: column-reverse;margin-top: 10px;}

.modal.my_cart_modal .modal-dialog {
    height: 70%;
    top: auto;
    bottom: 0;
}

.add_to_cart_item {
    grid-template-columns: 40% auto;
}

.add_to_cart_item>img {
    height: 100%;
    object-fit: cover;
}


.modal.my_cart_modal .modal-dialog {
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
}

.modal.my_cart_modal.show .modal-dialog {
    transform: translateY(0);
}

.final_screen_button_wrapper {
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
}

.final_screen_button_wrapper .btn {
    margin: 0;
    width: 100%;
}
	
}

@media screen and (min-width: 768px) and (max-width:991px){
	
	.absl_stepper_timeline {

    margin: 0 auto;
}

.step_wrapper_second  .absl-sec-heading {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f5f5f5;
    padding-top: 20px;
    z-index: 2;
}

.absl_stepper_timeline_wrapper {
    position: sticky;
    top: 57px;
    z-index: 2;
    background: #f5f5f5;
    padding-bottom: 20px;
    padding-top: 20px;
}

	
}

@media screen and (max-width:767px){
	
    .avatar_list_box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 24px;
    }
	
	.step_wrapper_second  .absl-sec-heading {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f5f5f5;
    padding-top: 20px;
    z-index: 2;
}

.absl_stepper_timeline_wrapper {	
    position: sticky;
    top: 90px;
    z-index: 2;
    background: #f5f5f5;
    padding-bottom: 20px;
    padding-top: 20px;
    //overflow: scroll;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}


.absl_stepper_tab.absl_step_one.step_tab_active.completed_stage em {
    display: flex;
}

.step_two_stage_three .btn_wrapper, .service_experience .btn_wrapper, .product_preferences .btn_wrapper{
    flex-direction: column;
    width: fit-content;
    margin: 80px auto 0;
    justify-content: center;
    align-items: center;
}

.step_two_stage_three .btn_wrapper{
 margin: 40px auto 0 !important;
}

.step_two_stage_three .btn_wrapper .btn.stepper_solid_btn, .service_experience .btn_wrapper .btn.stepper_solid_btn {width: fit-content;}
	
}

@media screen and (min-width: 1100px) and (max-width: 1300px) {
    #risk_appetite{
		height:90px !important;
	}
 
	.chart_data_Wrapper{
		top: 46%;
	}
}
@media screen and (min-width: 992px) and (max-width:1200px){
        .chart_data_Wrapper {
        top: 28%;
    }
    #risk_appetite {
        height: 67px !important;
        width: 100% !important;
        margin-top: 0px;
    }
}
@media screen and (min-width: 992px) and (max-width:1024px){
        .chart_data_Wrapper {
        top: 20%;
    }
    #risk_appetite {
        height: 37px !important;
        width: 100% !important;
        margin-top: 0px;
    }
    .chart_data_Wrapper span {
    font-size: 16px;
    }
    .chart_data_Wrapper p {
        font-size: 10px;
    }
}
.leadform .otp-field{
    width:100%;
    background-color:transparent;
    border:none;
}
.lead_thank img {
    width: auto;
}
.check-row  .check-item img {
   width: 50px !important;
}
.investment{
 margin-top: 30px !important;
 margin-bottom:20px;
}
@media screen and (max-width: 576px) {
    .absl_stepper_timeline {
        margin: 0;
    }
}